<template>
	<view class="content">
		<image src="/static/image/jqqd.jpg"></image>
		<jh-tabbar />
	</view>
</template>
<script>
	export default {
		data() {
			return {
				//搜索框内容
				keyword: '',
				//页面数据
				list: [],
				//轮播图数据
				swiper: ['/static/lbb.png', '/static/lba.png'],
				//轮播图下标
				currentNum: 0
			}
		},
		onLoad() {
			
		},
		methods: {
			
		}
	}
</script>
<style lang="scss" scoped>
	.content{
		display: flex;
		justify-content: center;
		margin-top: 200rpx;
	}
	.u-swiper {
		background: transparent !important;
	}

	.Main {
		margin: 0 30rpx;

		.HomeSearch {
			margin-top: 104rpx;
		}

		.HomeSwiper {
			margin: 20rpx 0;
		}

		.DataList {
			.Item {
				margin-bottom: 20rpx;
				display: flex;
				border-radius: 20rpx;
				box-shadow: 0rpx 10rpx 40rpx rgba(0, 0, 0, 0.53);
				background: #202126;
				padding: 20rpx;

				.Left {
					margin-right: 10rpx;

					.LeftImg {
						width: 383rpx;
						height: 239rpx;
						border-radius: 20rpx;
					}
				}

				.Right {
					.Title {
						font-size: 28rpx;
						color: #FFFFFF;
						height: 86rpx;
						display: -webkit-box;
						-webkit-line-clamp: 2;
						/* 设置最多显示两行 */
						-webkit-box-orient: vertical;
						overflow: hidden;
						text-overflow: ellipsis;
						line-height: 46rpx;
					}

					.Time {
						font-size: 20rpx;
						color: #B9B9B9;
						margin: 13rpx 0 24rpx;
					}

					.Btn {
						display: inline-block;
						margin-left: 25rpx;
						padding: 10rpx 55rpx;
						background: #e8c998;
						border-radius: 10rpx;
					}
				}
			}


		}
	}
</style>